// 水电

import ByCell from "@/components/ui/ByCell";
import ByCellGroup from "@/components/ui/ByCellGroup";
import ByIcon from "@/components/ui/ByIcon";
import ByTag from "@/components/ui/ByTag";
import { Picker, Switch, View } from "@tarojs/components";

const labelWidth = "160rpx";

export default () => {
  return (
    <ByCellGroup>
      <Picker>
        <ByCell
          border
          label="计划开工"
          labelWidth={labelWidth}
          nextIcon={<ByIcon name="Calendar" size={42} />}
        >
          2025-02-21
        </ByCell>
      </Picker>

      <Picker>
        <ByCell
          border
          label="计划完工"
          labelWidth={labelWidth}
          next
          nextIcon={<ByIcon name="Calendar" size={42} />}
        >
          2025-02-21
        </ByCell>
      </Picker>

      <View className="flex">
        <Picker className="flex-1">
          <ByCell
            border
            label="施工工种"
            labelWidth={labelWidth}
            nextIcon={<ByIcon name="ArrowBottom" />}
          >
            砌筑工
          </ByCell>
        </Picker>

        <ByCell border label="必做" className="pl-4">
          <Switch />
        </ByCell>
      </View>

      <View className="flex">
        <Picker className="flex-1">
          <ByCell border label="内验" labelWidth={labelWidth}>
            <Switch />
          </ByCell>
        </Picker>

        <ByCell border label="必做" className="pl-4">
          <Switch />
        </ByCell>
      </View>

      <ByCell border label="执行岗位" labelWidth={labelWidth} next>
        <ByTag size="small">管家</ByTag>
        <ByTag size="small">工程经理</ByTag>
        <ByTag size="small">工程总监</ByTag>
        <ByTag size="small">系统</ByTag>
      </ByCell>

      <ByCell label="开完工控制" labelWidth={labelWidth}>
        是
      </ByCell>
    </ByCellGroup>
  );
};
